<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>林克清 个人网页_我的旅行</title>
		<link rel="stylesheet" type="text/css" href="my_tour.css">
	</head>
	
	<body>
		<header>
			<div id="header">
				<div id="blogTitle">
					<div class="title">Introduce myself</div>
					<div class="subtitle"> Welcome to my house! enjoy it !</div>
				</div>
			</div>
		</header>
		
		<nav>
			<ul>
				<li> <a href="index.html">主页</a> </li>
				<li> <a href="idol.html">我的偶像</a></li>
				<li> <a href="tour.html">我的旅行</a> </li>
				<li> <a href="experience.html">主要经历</a> </li>		
			</ul>
		</nav>
		
		<div id="tableContainer">
			<div id="tableRow">
				<section id="honor">
					<h1>2016暑假旅行</h1>
					<p>第一站：苏州 </p>
					<p>↑ 2016.7.15-7.18</p>
					<p>第二站：泰安（泰山）</p>
					<p>↑ 2016.7.19-7.22</p>
					<p>第三站：济南</p>
					<p>↑ 2016.7.23-7.24</p>
					<p>第四站：青岛</p>
					<p>↑ 2016.7.25</p>
					<p>第五站：烟台</p>
					<p>↑ 2016.7.26</p>
					<p>第六站：大连</p>
					<p>↑ 2016.7.26-7.28</p>
					<p>第七站：北京</p>
					<p>↑ 2016.7.29</p>
					<br>
					<h1>想说的</h1>
					<p>
						这是在大一暑假进行的旅行，长达15天，我们在暑假开始后不久，齐聚武汉，从武汉出发，先后经过苏州、
						泰安、济南、青岛、烟台、大连、北京，最后返程。这段旅途中有开心，但也有不开心的事发生，我的一个
			            朋友在大连丢了手机，在青岛还有另一个把眼镜给弄丢了。
					</p>
					<p>
						但这次旅途，也有难忘的地方，我们冒雨爬泰山，每个人都没有放弃，谁累了，大家就等等他，
						爬不动了，便扶着他继续向上，虽然每个人浑身都湿漉漉的，但是我们还是很开心，在登上玉皇
						顶看到满眼的云雾，真的感觉触碰到了天。另外，青岛的啤酒，烧烤也让我们回味无穷。苏州的
						甜菜吃起来也是别有一番风味。
					</p>
					<br>
					<h1>在济南大明湖</h1>
					<p class="face">
						<img src="images/me.jpg" alt="济南游船" width="212" height="368" >
					</p>
					<p>
						济南的大明湖总让我想起，《还珠格格》里的大明湖，不知这个大明湖是不是那个大明湖，
						不过感觉风景还是很好的，风吹在脸上，十分惬意。
					</p>
				</section>
				
				<section id="main">
					<article>
						<header>
							<h1>苏州</h1>
							<time datetime="2016-7-18">7/12/2016</time>
						</header>
						<p class="face">
								<img src="images/suzhou.JPG" alt="苏州拙政园" width="412" height="268">
							</p>
							<p>
								第一站，我们来到了苏州，美丽的苏州拥有着迷人的人文底蕴，我们参观了拙政园，领略不一样的
								人文风光。这里的盆景与植被被护理的十分有格调，它结合了人们的智慧与自然的创造，在现代化的都市中，这样的景色已然不可多得。人们远道而来，就是为了体会这不一样的文化。
							</p>
					</article>
					<article>
						<header>
							<h1>泰山</h1>
							<time datetime="2016-7-21">7/21/2016</time>
						</header>
						<p class="face">
							<img src="images/taishan.JPG" alt="泰山玉皇顶" width="412" height="268">
						</p>
						<p>
							第二站，我们来到了险峻的泰山。这次登山之旅充满着挑战与刺激，我们在登山那天下雨了，很多人在南天门便开始返程下山。然而我们决定继续向上爬至顶峰——玉皇顶。我记得，那天我们所有人浑身都淋湿了，连鞋子也都湿了个透，差点下不了山。这是一段充满刺激的登山之旅。
						</p>	
					</article>
					<article>
						<header>
							<h1>泰山</h1>
							<time datetime="2016-7-26">7/26/2016</time>
						</header>
						<p class="face">
							<img src="images/ship.JPG" alt="坐船去大连" width="412" height="268"> 
						</p>
						<p>
							这段旅行中，还有一个印象很深的旅途是从烟台做船去大连，这是当时我们结束青岛之旅后，我们
							专程做火车去青岛，就是为了体会坐船的感觉。这张照片是在甲板上拍的，这趟旅途持续四个小时。
							如果选择坐火车的话，则需要更多的时间，如果在山东，有人想去东北的话，最方便最快的便是坐
							船了，这次经历也是十分难忘的。
						</p>
					</article>
				</section>
			    
			    <aside>
			    	<p class="face">
			    		<img src="images/earth.png" alt="地球旅行" width="200" height="200">
					</p>
			    	<form action="" method="post">
			    		<div class="formRow">
							<p><label for="name" placeholder="用户名">你的名字：</label></p>
							<p> <input type="text" id="name"> </p>
	  					</div>
	  					<div class="formRow">
	  						<p><label for="name" placeholder="用户名">联系方式：</label></p>
							<p> <input type="text" id="email"> </p>
	  					</div>
	  					<div class="formRow">
	  						<p> <label id=""> 性别： </label> </p>
		 					<p>
		  						男： <input type="radio" name="gender" id="male">  
		  						女：<input type="radio" name="gender" id="female">
		 					</p>
	  					</div>
	  					<div class="formRow">
	  						<p>你想说的：</p>
		  					<p>
		  						<textarea>
		  							写下你想说的:
		   						</textarea>
		   					</p>
	  					</div>
	  					<div class="formRow">
	  						<p>日期：</p>
		  					<p>
		  						<input type="date">
		  					</p>
	  					</div>
	  					<div class="formRow">
							<p> <input type="submit" value="确认"> </p>
						</div>
			    	</form>
			    	<p class="face">
			    		<h1>虎丘下</h1>
			    		<img src="images/huqiu.JPG" alt="虎丘" width="212" height="288" >
			    	</p>
					<p class="face">
        					虎丘山风景名胜区位于苏州古城西北角的虎丘山风景名胜区<br>
        					有2500多年的悠久历史<br>
        					虎丘，原名海涌山<br>
        					据《史记》记载，吴王阖闾葬于此，传说葬后三日有“白虎蹲其上”，故名虎丘。<br>
        					宋代大诗人苏东坡写下“到苏州不游虎丘，乃憾事也！”的千古名言。<br>
        					虎丘塔身微微倾斜，有点东方比萨斜塔的感觉<br>
						</p>
			    </aside>
			</div> <!--end of tableRow -->
		</div> <!-- end of tableContainer -->
		
		<footer>
			@lin; introduction of myself. 2018.
			<p>
				Welcome to my house, you can know something about me.
			</p>
		</footer>
	</body>
</html>